<nz-modal [(nzVisible)]="visible" [nzTitle]="modalTitle" [nzOkText]="null" nzCancelText="Exit"
  (nzOnCancel)="handleCancel()" nzWidth="12rem">
  <ng-template #modalTitle class="title">
    {{"EquipmentManagement.EquipmentManagement.Equipment_ID" | translate}} : {{data.eqtId}}
  </ng-template>
  <div class="videoContainer">
    <!--<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none"-->
    <!--  poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}">-->
    <!--  <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">-->
    <!--  <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">-->
    <!--  <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">-->
    <!--  <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English">-->
    <!--  </track>-->
      <!-- Tracks need an ending tag thanks to IE9 -->
    <!--  <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English">-->
    <!--  </track>-->
      <!-- Tracks need an ending tag thanks to IE9 -->
    <!--  <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a-->
    <!--      href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>-->
    <!--</video>-->
    <video id="example_video_1" class="video-js vjs-default-skin" controls autoplay preload="none">
          <source src="content/video/1.mp4" type="video/mp4">
          <!-- <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
          <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
          <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg"> -->
          <!-- <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English">
          </track> -->
          <!-- Tracks need an ending tag thanks to IE9 -->
          <!-- <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English">
          </track> -->
          <!-- Tracks need an ending tag thanks to IE9 -->
          <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser
            that
            <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
        </video>
    <div class="buttonGroup">
      <div class="button">
        <i class="iconfont icon-suoxiao" (click)="shrink()"></i>
      </div>
      <div class="button">
        <i class="iconfont icon-fangda" (click)="enlarge()"></i>
      </div>
      <div class="button2">
        <div nz-row>
          <div nz-col nzSpan="8"></div>
          <div nz-col nzSpan="8">
            <i class="iconfont icon-down" (click)="goTop()" style="transform: rotateZ(180deg)"></i>
          </div>
          <div nz-col nzSpan="8"></div>
        </div>
        <div nz-row>
          <div nz-col nzSpan="8"><i class="iconfont icon-right1" (click)="goLeft()"
              style="transform: rotateZ(180deg)"></i></div>
          <div nz-col nzSpan="8"></div>
          <div nz-col nzSpan="8"><i class="iconfont icon-right1" (click)="goRight()"></i></div>
        </div>
        <div nz-row>
          <div nz-col nzSpan="8"></div>
          <div nz-col nzSpan="8"><i class="iconfont icon-down" (click)="goBottom()"></i></div>
          <div nz-col nzSpan="8"></div>
        </div>
      </div>
    </div>
  </div>
</nz-modal>